﻿@model Mobile.Models.Queue


<section id="main"> 
            <div data-role="content">
            <h1>Now Playing</h1>
                    <h2>@Model.nowPlaying.Title</h2>
                    <h3>@Model.nowPlaying.Artist</h3>
                 <ul data-role="listview"  data-split-icon="plus" data-theme="a" data-split-theme="b" data-inset="true">
                      @foreach (var song in Model.queue)
                      {
                             <li>
                             <a href="#">
                                     <h3>@song.Title</h3>
                                      <p><strong>@string.Join(", ", song.Artist)</strong></p>
                                </a>
                                <span class="ui-li-count">@song.SongData.UpVotes</span>
                                <a>
                                    @Content.ButtonUpvote("UpvoteButton?songID="+ song.ID+"?partyID="+Model.partyID,"arrow-u", " ", "ui-btn", Url)
                                    </a>
                              </li>
                      }      
                 </ul>  
           </div>
        </section>

          @* @Content.Button("#", "arrow-d", " ", "ui-btn", Url)*@